<%--
  Created by IntelliJ IDEA.
  User: Alejandro
  Date: 06/08/13
  Time: 08:43 AM
  To change this template use File | Settings | File Templates.
--%>

<%@ page import="demographic.identity.Lugar" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="layout" content="main" />
    <g:javascript library="jquery"/>
    <jqui:resources themeCss="../css/jquery/jquery-ui-1.8.16.custom.css"/>
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'estilo.css')}"/>
    <g:set var="entityName" value="${message(code: 'lugar.label', default: 'Lugar')}" />
    <title><g:message code="default.list.label" args="[entityName]" /></title>
    <g:javascript>
            var $j = jQuery.noConflict();
            $j(document).ready(function() {
            $j('#filterNombreValue').autocomplete({
            source: '<g:createLink action="lugarFinder"/>'
            });
            })
    </g:javascript>
</head>
<body>
<div class="body">
    <h1>Filtros</h1>
    <g:form  url="[action: 'filtrar']" name="filtros" id="filtros" enctype="multipart/form-data" class="panelSalaSituacional" asynchronous="false">
        <div class="ui-widget">
            <label for="filterNombre"><g:message code="salaSituacional.filtroNombre"/></label>
            <g:textField id="filterNombreValue" name="filterNombreValue" optionKey="id"/>
        </div>
        <label for="filterTipoLugar"><g:message code="salaSituacional.tipoLugar"/></label>
        <g:select name="filterTipoLugarValue" from="${['Pais', 'Estado', 'Municipio', 'Parroquia', 'Calle']}" value="${selectValue}" valueMessagePrefix="lugar.tipolugar"/>
        <p>
            <g:submitButton  name="submit_form" value="${message(code:'salaSituacional.filtrar')}" class="boton_submit"/>
        </p>
    </g:form>
    <h1><g:message code="default.list.label" args="[entityName]" /></h1>
    <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
    </g:if>
    <div class="list">
        <table>
            <thead>
            <tr>
                <g:sortableColumn property="nombre" title="${message(code: 'lugar.nombre.label', default: 'Nombre')}" />

                <g:sortableColumn property="tipolugar" title="${message(code: 'lugar.tipolugar.label', default: 'Tipolugar')}" />

                <g:sortableColumn property="coordenadas" title="${message(code: 'lugar.coordenadas.label', default: 'Coordenadas')}" />

                <th><g:message code="lugar.padre.label" default="Padre" /></th>

            </tr>
            </thead>
            <tbody>
            <g:each in="${lugarInstanceList}" status="i" var="lugarInstance">
                <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">

                    <td><g:link action="show" id="${lugarInstance.id}">${fieldValue(bean: lugarInstance, field: "nombre")}</g:link></td>

                    <td>${fieldValue(bean: lugarInstance, field: "tipolugar")}</td>

                    <td>${fieldValue(bean: lugarInstance, field: "coordenadas")}</td>

                    <td>${fieldValue(bean: lugarInstance, field: "padre.nombre")}</td>

                </tr>
            </g:each>
            </tbody>
        </table>
    </div>
    <div class="paginateButtons">
        <g:paginate total="${lugarInstanceTotal}" />
        <span class="menuButton"><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></span>
    </div>
</div>
</body>
</html>